import DetailContainer from "@/components/DetailContainer";
import type { DescriptionsProps } from "antd";
import { Descriptions } from "antd";

const detail = () => {
  const modules_items: DescriptionsProps["items"] = [
    {
      key: "1",
      label: "ID",
      children: "32"
    },
    {
      key: "2",
      label: "Name",
      children: "nt"
    },
    {
      key: "3",
      label: "Modules Img",
      children: (
        <div>
          <a href="http://123.png">1</a>
          <a href="http://123.png">2</a>
          <a href="http://123.png">3</a>
        </div>
      )
    },
    {
      key: "4",
      label: "Remark",
      children: "b"
    },
    {
      key: "5",
      label: "CreatedAt",
      children: "2023-12-20 12:21:45"
    },
    {
      key: "6",
      label: "UpdatedAt",
      children: "2023-12-21 12:21:45"
    }
  ];

  const items: DescriptionsProps["items"] = [
    {
      key: "11",
      label: "Core Name",
      children: "	wifi esp8266"
    },
    {
      key: "12",
      label: "Core Modules",
      children: "esp8266"
    },
    {
      key: "13",
      label: "Core Power",
      children: "3.3v"
    },
    {
      key: "14",
      label: "Core Price",
      children: "32.2",
      span: 3
    },
    {
      key: "21",
      label: "Topic Name",
      children: "js"
    },
    {
      key: "22",
      label: "Topic Type",
      children: "	Monitor and Send"
    },
    {
      key: "23",
      label: "Topic Text",
      children: "zds/js/open"
    },
    {
      key: "24",
      label: "Topic Message",
      children: "1",
      span: 3
    },
    {
      key: "25",
      label: "Device Name",
      children: "jdq"
    },
    {
      key: "26",
      label: "Device Model",
      children: "BT2"
    },
    {
      key: "27",
      label: "Device Type",
      children: "Server"
    },
    {
      key: "28",
      label: "Power Type",
      children: "AC"
    },
    {
      key: "29",
      label: "Power Value",
      children: "3.3v"
    },
    {
      key: "30",
      label: "Price",
      children: "10.2"
    }
  ];

  return (
    <DetailContainer>
      <Descriptions title="Modules Info" items={modules_items} />
      <Descriptions title="Task JS" items={items} />
      <Descriptions title="Task WD" items={items} />
    </DetailContainer>
  );
};

export default detail;
